﻿<!DOCTYPE html>
<html>

<head>
  <!-- <meta http-equiv="refresh" content="10"> -->
  <meta charset="UTF-8">
  <title>Jetta</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!-- <link href="../../assets/css/topcoat-mobile-dark.min.css" type="text/css" rel="stylesheet"> -->
  <link href="../../assets/css/reset.css" type="text/css" rel="stylesheet">
  <link href="../../assets/css/grid.css" type="text/css" rel="stylesheet">
  <link href="../../assets/css/style.css" type="text/css" rel="stylesheet">
</head>

<body>
  <main class="container">
    <div class="svg-icon" id="jettaTitle">
      <svg t="1623917126509" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="4741" width="200" height="200">
        <path d="M213.333333 170.666667v128h234.666667v512h128V298.666667H810.666667V170.666667z" p-id="4742"></path>
      </svg>
    </div>
    <div class="svg-icon" id="jettaSubtitle">
      <svg t="1623917300399" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="6569" width="200" height="200">
        <path d="M554.666667 256v640h-85.333334V256H213.333333V170.666667h597.333334v85.333333z" p-id="6570"></path>
      </svg>
    </div>
    <div class="svg-icon" id="jettaContent">
      <svg t="1623917219614" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="6437" width="200" height="200">
        <path
          d="M117.333333 725.333333h533.333334a32 32 0 0 1 4.352 63.701334l-4.352 0.298666H117.333333a32 32 0 0 1-4.352-63.701333L117.333333 725.333333h533.333334-533.333334z m0-170.666666h789.333334a32 32 0 0 1 4.352 63.701333l-4.352 0.298667H117.333333a32 32 0 0 1-4.352-63.701334L117.333333 554.666667h789.333334-789.333334z m0-170.666667h789.333334a32 32 0 0 1 4.352 63.701333l-4.352 0.298667H117.333333a32 32 0 0 1-4.352-63.701333L117.333333 384h789.333334-789.333334z m0-170.666667h789.333334a32 32 0 0 1 4.352 63.701334l-4.352 0.298666H117.333333a32 32 0 0 1-4.352-63.701333L117.333333 213.333333h789.333334-789.333334z"
          p-id="6438"></path>
      </svg>
    </div>
    <div class="svg-icon" id="addArtboards">
      <svg t="1623917623019" class="icon" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="11180" width="200" height="200">
        <path d="M126,42.1H73.5c-1,0-1.8-0.8-1.9-1.8V24.1c0-1,0.9-1.8,1.9-1.8H126c1,0,1.9,0.8,1.9,1.8v16.2C127.8,41.3,127,42.1,126,42.1
        L126,42.1z" />
        <path d="M156.6,33.7c3.1,0,5.4,2.4,5.4,5.3v133.5c0,2.9-2.5,5.3-5.4,5.3H43.4c-3.1,0-5.4-2.4-5.4-5.3V38.9c0-2.9,2.5-5.3,5.4-5.3
          h18.1v16.9c0,1.1,0.9,2,2.2,2h72.5c1.1,0,2.2-0.9,2.2-2V33.7H156.6z M132.9,99.1h-22v-22c0-1.2-1-2.2-2.2-2.2H91.4
          c-1.2,0-2.2,1-2.2,2.2v22H69.3c-1.2,0-2.2,1-2.2,2.2v17.3c0,1.2,1,2.2,2.2,2.2h19.8v19.8c0,1.2,1,2.2,2.2,2.2h17.3
          c1.2,0,2.2-1,2.2-2.2v-19.8h22.1c1.2,0,2.2-1,2.2-2.2v-17.3C135,100.1,134,99.1,132.9,99.1z" />
      </svg>
    </div>
    <div class="svg-icon" id="renameArtboard">
      <svg t="1623917623018" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="11188" width="200" height="200">
        <path
          d="M896 256h-85.333333v85.333333h42.666666v341.333334h-42.666666v85.333333h85.333333a42.666667 42.666667 0 0 0 42.666667-42.666667V298.666667a42.666667 42.666667 0 0 0-42.666667-42.666667zM128 768h426.666667v-85.333333H170.666667V341.333333h384V256H128a42.666667 42.666667 0 0 0-42.666667 42.666667v426.666666a42.666667 42.666667 0 0 0 42.666667 42.666667z"
          fill="" p-id="11189"></path>
        <path d="M256 426.666667h298.666667v170.666666H256z" fill="" p-id="11190"></path>
        <path
          d="M725.333333 257.024C725.888 242.602667 734.72 170.666667 853.333333 170.666667V85.333333c-84.736 0-138.154667 28.586667-170.368 64.469334C650.88 113.92 597.333333 85.333333 512 85.333333v85.333334c119.466667 0 127.573333 71.594667 128 85.333333v511.914667C640 771.413333 638.378667 853.333333 512 853.333333v85.333334c85.461333 0 138.965333-28.714667 171.093333-64.725334 2.090667 2.346667 3.797333 4.736 6.101334 7.04C727.338667 919.296 782.592 938.666667 853.333333 938.666667v-85.333334c-119.594667 0-127.616-71.509333-128-85.248V257.024z"
          fill="" p-id="11191"></path>
      </svg>
    </div>

    <div class="svg-icon" id="addSwatch">
      <svg t="1623917866197" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="15743" width="200" height="200">
        <path
          d="M85.333333 480h256v-298.666667H85.333333v298.666667zM384 480h256v-298.666667H384v298.666667zM682.666667 181.333333v298.666667h256v-298.666667H682.666667zM85.333333 842.666667h256v-298.666667H85.333333v298.666667zM384 842.666667h256v-298.666667H384v298.666667zM682.666667"
          p-id="15744"></path>
      </svg>
      <!-- <svg t="1623917460863" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8553" width="200" height="200"><path d="M350.144 736.149333H106.666667a21.333333 21.333333 0 0 1-21.333334-21.333333V661.333333a21.333333 21.333333 0 0 1 21.333334-21.333333h810.666666a21.333333 21.333333 0 0 1 21.333334 21.333333v53.482667a21.333333 21.333333 0 0 1-21.333334 21.333333H673.856l138.965333 140.906667a21.333333 21.333333 0 0 1 0 29.952l-37.077333 37.589333a21.333333 21.333333 0 0 1-30.378667 0l-185.962666-188.565333v102.976a21.333333 21.333333 0 0 1-21.333334 21.333333h-52.138666a21.333333 21.333333 0 0 1-21.333334-21.333333V756.053333l-185.962666 188.586667a21.333333 21.333333 0 0 1-30.378667 0l-37.077333-37.610667a21.333333 21.333333 0 0 1 0-29.952l138.965333-140.906666zM176 85.333333h672C874.517333 85.333333 896 106.176 896 131.882667V554.666667a42.666667 42.666667 0 0 1-42.666667 42.666666H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V131.882667C128 106.176 149.482667 85.333333 176 85.333333zM213.333333 170.666667v341.333333h597.333334V170.666667H213.333333z" p-id="8554"></path></svg> -->
    </div>
    <div class="svg-icon" id="drawBackground">
      <svg t="1623918280321" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="19019" width="200" height="200">
        <path
          d="M864.704 553.408l-407.296 407.296-388.224-388.224L435.84 205.888 358.144 128.32l40.704-40.768 465.856 465.856z m-675.648-23.04l556.992-14.144-271.424-271.488-285.568 285.568z m686.144 92.288s81.92 102.336 80.832 145.28c-1.024 42.88-39.68 78.592-86.208 79.744-46.592 1.088-83.584-32.832-82.56-75.776 1.088-42.88 87.936-149.248 87.936-149.248z"
          p-id="19020"></path>
      </svg>
      <!-- <svg t="1623917405808" class="icon" viewBox="0 0 1046 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7739" width="200" height="200"><path d="M340.06 31.824A507.1 507.1 0 0 0 2.543 472.302a523.067 523.067 0 0 0 337.24 541.237l22.024 7.157a82.59 82.59 0 0 0 105.44-79.56v-196.84a27.53 27.53 0 0 1 27.53-27.53H931.4a104.613 104.613 0 0 0 102.135-82.589 518.938 518.938 0 0 0 11.838-110.12A525.27 525.27 0 0 0 340.06 31.825z m613.915 580.88a27.53 27.53 0 0 1-27.53 21.473H467.247a82.59 82.59 0 0 0-82.59 82.59v185.276a27.53 27.53 0 0 1-38.541 25.327 440.478 440.478 0 1 1 616.669-403.312 428.64 428.64 0 0 1-8.81 88.646z" p-id="7740"></path><path d="M192.224 399.898a55.06 55.06 0 1 0 110.12 0 55.06 55.06 0 1 0-110.12 0zM353.549 243.253a55.06 55.06 0 1 0 110.12 0 55.06 55.06 0 1 0-110.12 0zM744.473 399.898a55.06 55.06 0 1 0 110.12 0 55.06 55.06 0 1 0-110.12 0zM582.322 243.253a55.06 55.06 0 1 0 110.12 0 55.06 55.06 0 1 0-110.12 0z" p-id="7741"></path></svg> -->
    </div>
    <div class="svg-icon" id="putJettaFormat">
      <svg t="1623917540588" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="10145" width="200" height="200">
        <path
          d="M853.333333 435.2l-315.733333-187.733333c-25.6-12.8-59.733333-4.266667-76.8 25.6L384 405.333333l409.6 238.933334 72.533333-132.266667c17.066667-25.6 8.533333-59.733333-12.8-76.8zM106.666667 627.2l375.466666 221.866667 106.666667-110.933334-42.666667 149.333334 123.733334 72.533333 102.4-290.133333-409.6-238.933334-256 196.266667zM857.6 162.133333L768 106.666667l-128 170.666666 136.533333 81.066667 81.066667-196.266667z"
          p-id="10146"></path>
      </svg>
    </div>

    <!-- <div class="svg-icon">
      <svg t="1623917791330" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="12901" width="200" height="200">
        <path
          d="M840 192H784V120a23.936 23.936 0 0 0-24-24H168a23.936 23.936 0 0 0-24 24v272c0 13.312 10.688 24 24 24h592c13.312 0 24-10.688 24-24V256h32v200H464.992c-22.08 0-40 17.92-40 40v136h-44a8 8 0 0 0-8 8v228c0 1.088 0.192 2.208 0.608 3.104a19.936 19.936 0 0 0-0.608 4.896 84 84 0 1 0 168 0 19.936 19.936 0 0 0-0.576-4.896 8.16 8.16 0 0 0 0.576-3.104V640a8 8 0 0 0-8-8h-44v-112H840c22.08 0 40-17.92 40-40V232c0-22.08-17.92-40-40-40z"
          p-id="12902"></path>
      </svg>
    </div> -->

    <div class="svg-icon" id="addJettaLogo">
      <svg class="icon" viewBox="-10 -10 120 96" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11182"
        width="100" height="76">
        <path
          d="M28,71h9v5H22V52h14v5h-8v4.5h7v5h-7V71z M41,57h5v19h6V57h5v-5H41V57z M3.56,57H10v11c0,1.66-1.34,3-3,3H0.9 L0,76h9c3.87,0,7-3.13,7-7V52H4.43L3.56,57z M62,57h5v19h6V57h5v-5H62V57z M92.24,67L90,56.51L87.76,67H92.24z M93.22,72h-6.44 L86,76h-6l6-24h8l6,24h-6L93.22,72z M98.55,7.02C101.57,3.56,99.44,0,96.09,0H3.31C0.47,0-1.04,3.34,0.82,5.47L4.78,10h63.73 c0.95,0,1.45,1.11,0.83,1.82L55.83,27.27C54.31,29,52.11,30,49.81,30H23.39c-0.43,0-0.66,0.51-0.38,0.83l3.54,4.05 C29.4,38.13,33.51,40,37.84,40h25.04c4.33,0,8.44-1.87,11.29-5.12L98.55,7.02" />
      </svg>
    </div>

    <div class="svg-icon" id="addJettaVerticalLogo">
      <svg class="icon" viewBox="-10 0 140 116" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11182"
        width="100" height="76">
        <path d="M0.8,5.5C-1,3.3,0.5,0,3.3,0h92.8c3.4,0,5.5,3.6,2.5,7L74.2,34.9c-2.8,3.3-7,5.1-11.3,5.1h-25 c-4.3,0-8.4-1.9-11.3-5.1l-3.5-4C22.7,30.5,23,30,23.4,30h26.4c2.3,0,4.5-1,6-2.7l13.5-15.4c0.6-0.7,0.1-1.8-0.8-1.8H4.8L0.8,5.5z M37,71h-9v-4.5h7v-5h-7V57h8v-5H22v24h15V71z M57,52H41v5h5v19h6V57h5V52z M3.6,57H10v11c0,1.7-1.3,3-3,3H0.9L0,76h9 c3.9,0,7-3.1,7-7V52H4.4L3.6,57z M62,57h5v19h6V57h5v-5H62V57z M100,76h-6l-0.8-4h-6.4L86,76h-6l6-24h8L100,76z M92.2,67L90,56.5 L87.8,67H92.2z M32.3,93.3l-1.3,0.4v-3.4h1.3v-3.6h-1.3v-4.1h-3.6v4.1h-1.8v3.6h1.8v4.5l-1.8,0.5v4.1l1.8-0.5v3.5h-1.1l-0.7,3.6h5.4 v-8.2l1.3-0.4V93.3z M41.7,102.5h6.1l-0.6,3.5l-6.2,0c-1.6,0-3-0.4-4.4-1.1l-1-0.5l-0.3,1.6h-3.2l1.3-7.4h3.2l-0.4,2.1l0.9,0.5 c0.3,0.1,0.5,0.3,0.7,0.4v-0.8v-3.4l-4.3,0v-2.6H38v-1v-0.2h-3.7v-2.4H38v-0.2v-0.9h-4.3v-2.7H38v-1h-4.3v-2.8H38V82h3.6v1.8h5.4 v2.8h-5.4v1h4.9v3.6v0.2h1.1v2.4h-1.1v1.1v2.6h-4.9v1.2h4.9v2.8h-4.9v1.1C41.6,102.5,41.7,102.5,41.7,102.5z M41.6,91.4h1.7v-0.2v-1 h-1.7v1V91.4z M41.6,93.7v0.2v1.1h1.7v-1.1v-0.2H41.6z M58.4,100.7l-0.4-0.3v-9.1h-0.3h-3.4h-2.1v3.4h2.1V99l-2.1,7H56l0.5-1.8 l1.2,0.6c1.4,0.7,2.8,1.1,4.4,1.1l12.1,0l0.7-4H63C60.8,102,59.9,101.5,58.4,100.7z M52.3,84.3l1.3,5.2h3.9l-1.3-5.2H52.3z M64.5,82 v3.8h-0.3h-4.5v3.7h3.4l-3.2,10.6h4.2l2.5-8.5l2.6,8.5h4.2l-3.3-10.6h3.3v-3.7h-5.1h-0.3V82H64.5z"/>
      </svg>
    </div>

    <div class="svg-icon" id="addJettaHoriLogo">
      <svg class="icon" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11182"
        width="100" height="76">
        <path class="st0" d="M81.3,29.9L65.5,48c-1.9,2.1-4.5,3.3-7.3,3.3H41.9c-2.8,0-5.5-1.2-7.3-3.3l-2.3-2.6c-0.2-0.2,0-0.5,0.2-0.5 h17.2c1.5,0,2.9-0.6,3.9-1.8l8.8-10c0.4-0.5,0.1-1.2-0.5-1.2H20.4l-2.6-2.9c-1.2-1.4-0.2-3.6,1.6-3.6h60.3 C81.9,25.3,83.3,27.6,81.3,29.9z M18.2,68.5h4.6v-3.3h-4.6v-2.9h5.2v-3.3h-9.1v15.6h9.8v-3.3h-5.9V68.5z M26.7,62.4h3.3v12.4h3.9 V62.4h3.3v-3.3H26.7V62.4z M2.3,62.4h4.2v7.2c0,1.1-0.9,2-2,2h-4L0,74.7h5.9c2.5,0,4.6-2,4.6-4.6V59.1H2.9L2.3,62.4z M40.3,62.4h3.3 v12.4h3.9V62.4h3.3v-3.3H40.3V62.4z M61.1,59.1L65,74.7h-3.9l-0.5-2.6h-4.2l-0.5,2.6H52l3.9-15.6H61.1z M60,68.9L58.5,62l-1.5,6.8 H60z M72.3,66.4l-0.8,0.2v-2.2h0.8v-2.4h-0.8v-2.6h-2.4v2.6h-1.2v2.4h1.2v2.9l-1.2,0.3v2.6l1.2-0.3v2.3h-0.7l-0.4,2.4h3.5v-5.4 l0.8-0.2V66.4z M78.4,72.5h4l-0.4,2.2l-4,0c-1,0-1.9-0.3-2.8-0.7l-0.6-0.3l-0.2,1.1h-2.1l0.8-4.8h2.1l-0.2,1.4l0.6,0.4 c0.2,0.1,0.3,0.2,0.5,0.2v-0.5v-2.2l-2.8,0v-1.7H76v-0.6v-0.1h-2.4v-1.5H76V65v-0.6h-2.8v-1.7H76v-0.6h-2.8v-1.8H76v-1.1h2.3v1.1 h3.5v1.8h-3.5v0.6h3.2V65v0.1h0.7v1.5h-0.7v0.7v1.7h-3.2v0.8h3.2v1.8h-3.2L78.4,72.5C78.3,72.5,78.3,72.5,78.4,72.5z M78.3,65.2h1.1 V65v-0.7h-1.1V65V65.2z M78.3,66.7v0.1v0.7h1.1v-0.7v-0.1H78.3z M92.2,72.1c-1.4,0-2-0.3-3-0.9l-0.3-0.2v-5.9h-0.2h-2.2h-1.4v2.2 h1.4v2.7l-1.4,4.6h2.6l0.3-1.1l0.8,0.4c0.9,0.5,1.8,0.7,2.8,0.7l7.8,0l0.5-2.6H92.2z M88.6,64l-0.8-3.4h-2.5l0.8,3.4H88.6z M90.1,70.8h2.8l1.6-5.5l1.7,5.5H99L96.9,64H99v-2.4h-3.3h-0.2v-2.5h-2.4v2.5H93H90V64h2.2L90.1,70.8z"/>
      </svg>
    </div>

    <div class="svg-icon" id="addVw30Logo">
      <svg t="1624339790876" class="icon" viewBox="200 200 674 674" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="4697" width="220" height="220">
        <path
          d="M327.68 331.52c43.0976 0 77.2224 9.28 102.4 27.84 25.1776 18.56 37.76 45.3376 37.76 80.32 0 12.3776-1.92 23.36-5.76 32.96-3.84 9.6-8.7424 17.92-14.72 24.96a94.1312 94.1312 0 0 1-19.52 17.6c-7.04 4.6976-13.76 7.8976-20.16 9.6 8.5376 2.9824 17.0624 7.04 25.6 12.16 8.5376 5.12 16.1024 11.7376 22.72 19.84a107.1104 107.1104 0 0 1 16.32 28.16c4.2624 10.6624 6.4 22.8224 6.4 36.48 0 18.7776-3.6224 35.4176-10.88 49.92a101.2864 101.2864 0 0 1-30.72 36.48c-13.2224 9.8176-29.0176 17.1776-47.36 22.08-18.3424 4.9024-38.4 7.36-60.16 7.36-18.7776 0-35.84-1.4976-51.2-4.48-15.36-2.9824-28.48-6.9376-39.36-11.84-10.88-4.9024-19.2-10.6624-24.96-17.28-5.76-6.6176-8.64-13.5424-8.64-20.8 0-7.68 1.92-14.1824 5.76-19.52a45.952 45.952 0 0 1 14.72-13.12c10.24 7.68 23.1424 14.9376 38.72 21.76 15.5776 6.8224 35.9424 10.24 61.12 10.24 26.4576 0 47.36-5.44 62.72-16.32 15.36-10.88 23.04-26.9824 23.04-48.32 0-19.2-6.9376-34.4576-20.8-45.76S355.84 554.88 327.68 554.88h-55.04c-2.1376-2.9824-3.9424-6.9376-5.44-11.84A53.5808 53.5808 0 0 1 264.96 527.36c0-5.9776 0.7424-11.3024 2.24-16 1.4976-4.6976 3.3024-8.5376 5.44-11.52h51.84c27.3024 0 46.8224-5.0176 58.56-15.04 11.7376-10.0224 17.6-23.7824 17.6-41.28 0-17.92-6.8224-31.7824-20.48-41.6-13.6576-9.8176-32.8576-14.72-57.6-14.72-20.0576 0-37.44 2.7776-52.16 8.32-14.72 5.5424-26.9824 11.7376-36.8 18.56a45.312 45.312 0 0 1-13.44-12.16c-3.84-5.12-5.76-11.3024-5.76-18.56s2.88-13.9776 8.64-20.16c5.76-6.1824 13.6576-11.6224 23.68-16.32 10.0224-4.6976 21.9776-8.4224 35.84-11.2A230.1696 230.1696 0 0 1 327.68 331.52zM789.76 535.04c0-25.6-2.3424-47.68-7.04-66.24-4.6976-18.56-10.9824-33.8176-18.88-45.76-7.8976-11.9424-17.28-20.8-28.16-26.56A74.752 74.752 0 0 0 700.16 387.84c-12.8 0-24.5376 2.88-35.2 8.64-10.6624 5.76-20.0576 14.72-28.16 26.88-8.1024 12.16-14.4 27.52-18.88 46.08-4.48 18.56-6.72 40.4224-6.72 65.6 0 48.2176 7.7824 84.9024 23.36 110.08 15.5776 25.1776 37.44 37.76 65.6 37.76 28.5824 0 50.6624-12.5824 66.24-37.76 15.5776-25.1776 23.36-61.8624 23.36-110.08z m-89.6 203.52c-23.04 0-44.2624-4.16-63.68-12.48-19.4176-8.32-35.9424-21.0176-49.6-38.08-13.6576-17.0624-24.32-38.2976-32-63.68-7.68-25.3824-11.52-55.1424-11.52-89.28 0-35.84 4.16-66.56 12.48-92.16 8.32-25.6 19.7376-46.6176 34.24-63.04 14.5024-16.4224 31.1424-28.48 49.92-36.16 18.7776-7.68 38.8224-11.52 60.16-11.52 21.3376 0 41.6 3.9424 60.8 11.84s35.9424 20.16 50.24 36.8 25.7024 37.76 34.24 63.36c8.5376 25.6 12.8 55.8976 12.8 90.88 0 34.1376-3.84 63.8976-11.52 89.28-7.68 25.3824-18.4576 46.6176-32.32 63.68-13.8624 17.0624-30.5024 29.76-49.92 38.08-19.4176 8.32-40.8576 12.48-64.32 12.48z"
          p-id="4698"></path>
      </svg>
    </div>

    <!-- 
    <div class="svg-icon" id="fitTargetByDialog">
      <svg t="1624522028939" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="3062" width="200" height="200">
        <path
          d="M640 213.333h170.667V384h106.666V170.667c0-35.36-28.64-64-64-64H640v106.666zM213.333 384V213.333H384V106.667H170.667c-35.36 0-64 28.64-64 64V384h106.666z m597.334 256v170.667H640v106.666h213.333c35.36 0 64-28.64 64-64V640H810.667zM384 810.667H213.333V640H106.667v213.333c0 35.36 28.64 64 64 64H384V810.667zM576 640H448c-35.36 0-64-28.64-64-64V448c0-35.36 28.64-64 64-64h128c35.36 0 64 28.64 64 64v128c0 35.36-28.64 64-64 64z"
          p-id="3063"></path>
      </svg>
    </div>
    -->
    
    <div class="svg-icon" id="addDocument">
      <svg t="1625714176358" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7255" width="200" height="200"><path d="M416 384a64 64 0 0 0 64-64V64h352a32 32 0 0 1 32 32v832a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V384h256z m0-317.12V320H162.88a32 32 0 0 1 6.496-9.376l237.248-237.248A32 32 0 0 1 416 66.88z" fill="#000000" p-id="7256"></path></svg>
    </div>

    <div class="fit-options">
      <hr>
      <ul id="optionGroup" class="option-group row">
        <li class="col-2"> <div id="fitWidth" class="item opt-icon" val="w">↔</div> <div class="tip">等宽</div> </li>
        <li class="col-2"> <div id="fitHeight" class="item opt-icon" val="H">↕</div> <div class="tip">等高</div> </li>
        <li class="col-2"> <div id="fitSwap" class="item opt-icon"  val="S">⇔</div> <div class="tip">互换</div> </li>
        <li class="col-2"> <div id="fitRemove" class="item opt-icon" val="D">✄</div> <div class="tip">删除</div> </li>
        <li class="col-2"> <span>scale:</span></li>
        <li class="col-2"> <div id="fitRatio" class="item" contenteditable="true">1.0</div></li>
        
      </ul>
      <ul id="alignGroup" class="option-group row">
        <li class="col-2"> <div id="fitAlignLeft" class="item opt-icon" val="l">←</div> <div class="tip">居左</div> </li>
        <li class="col-2"> <div id="fitAlignCenter" class="item opt-icon" val="c">|</div> <div class="tip">竖轴</div> </li>
        <li class="col-2"> <div id="fitAlignRight" class="item opt-icon"  val="r">→</div> <div class="tip">居右</div> </li>
        <li class="col-2"> <div id="fitAlignTop" class="item opt-icon" val="t">↑</div> <div class="tip">居上</div> </li>
        <li class="col-2"> <div id="fitAlignMiddle" class="item opt-icon"  val="m">—</div> <div class="tip">横轴</div> </li>
        <li class="col-2"> <div id="fitAlignBottom" class="item opt-icon"  val="b">↓</div> <div class="tip">居下</div> </li>
      </ul>
      
    </div>
    
    <!-- <div class="fit-options">
      <hr>
      <label class="col-6">
        <textarea id="fitRatio" placeholder="test"></textarea>
      </label>
      <div class="option-group row">
        <label class="col-1">
          <input id="fitWidth" type="checkbox" checked="true" name="fitOptions" value="w"> ↔ W
        </label>
        <label class="col-1">
          <input id="fitHeight" type="checkbox"  name="fitOptions"  value="h"> ↕ H
        </label>

        <label class="col-1">
          <input id="fitSwap" type="checkbox"  name="fitOptions" value="s"> ⇔ S
        </label>
        <label class="col-1">
          <input id="fitRemove" type="checkbox" name="fitOptions"  value="r"> ✄ R
        </label>
      </div>
      <div class="align-group row">
        <label class="col-1">
          <input id="fitAlignLeft" type="radio"  name="hAlign" value="l"> ← L
        </label>
        <label class="col-1">
          <input id="fitAlignCenter" type="radio"  name="hAlign" value="c"> | C
        </label>
        <label class="col-1">
          <input id="fitAlignRight" type="radio"  name="hAlign" value="r"> → R
        </label>
        <label class="col-1">
          <input id="fitAlignTop" type="radio"  name="vAlign" value="t"> ↑ T
        </label>
        <label class="col-1">
          <input id="fitAlignMiddle" type="radio"  name="vAlign" value="m"> — M
        </label>
        <label class="col-1">
          <input id="fitAlignBottom" type="radio"  name="vAlign" value="b"> ↓ B
        </label>
      </div>

    </div> -->

    <div class="row">
      <div class="col-6">
        <button id="fitTarget" style="width: 88vw; margin: 0 5vw">Fit</button>
      </div>
    </div>

    <!-- <div class="artboards">
      <hr>
      <input id="artboardSize" rows="5" type="text"> </input>
    </div>
    <div class="row">
      <div class="col-6">
        <button id="createArtboards" style="width: 90vw" >创建画板</button>
      </div>
    </div> -->
  </main>

  <script type="text/javascript" src="../../assets/js/CSInterface.js"></script>
  <script type="text/javascript" src="../../assets/js/jquery2.1.js"></script>
  <script type="text/javascript" src="./bindClickEvents.js"></script>
  <script type="text/javascript" src="./bindEvents.js"></script>
</body>

</html>
